<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <head th:insert="/common/common :: commonSource('登录界面')"></head>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" th:href="@{/static/css/login.css}">
    <link rel="stylesheet" th:href="@{/static/js/lib/captcha/slidercaptcha.css}">

    <script th:src="@{/static/js/syslib/core.js}"></script>
    <script th:src="@{/static/js/syslib/crypto-js.js}"></script>
    <script th:src="@{/static/js/syslib/mode-ecb.js}"></script>
    <script th:src="@{/static/js/syslib/aes.js}"></script>
</head>
<body id="loginBody">
<div class="m-login-bg">
    <div class="m-login">
        <h3>NEPTUNE</h3>
        <div class="m-login-warp" id="loginFromID" lay-filter="loginFrom-filter">
            <form class="layui-form">
                <div class="layui-form-item">
                    <input type="text" name="title" id="login-username" required
                           lay-verify="required" placeholder="用户名" autocomplete="off"
                           class="layui-input">
                </div>
                <div class="layui-form-item">
                    <input type="password" name="password" id="login-password" required
                           lay-verify="required" placeholder="密码" autocomplete="off"
                           class="layui-input">
                </div>
                <div class="layui-form-item m-login-btn">
                    <div class="layui-inline">
                        <input type="checkbox" name="rememberMe" title="记住我" checked>
                    </div>
                    <div class="layui-inline ">
                        <a class="layui-btn register-btn"
                           th:href="${#servletContext.contextPath}+'/registerIndex'"
                           target="_blank">注册</a>
                    </div>
                </div>
                <div class="layui-form-item m-login-btn">
                    <div class="layui-inline">
                        <button class="layui-btn layui-btn-normal" type="button"
                                id="loginSubmitBtn">登录
                        </button>
                    </div>
                    <div class="layui-inline">
                        <button type="reset" class="layui-btn layui-btn-primary">取消</button>
                    </div>
                </div>
            </form>
        </div>
        <p class="copyright">Copyright ANYONE</p>
    </div>
    <div class="form-row col-sm-6" id="captcha_div" style="display:none;">
        <div class="">
            <div class="slidercaptcha card panel panel-info">
                <div class="panel panel-heading">
                    <span class="panel-title">请完成安全验证</span>
                    <span class="glyphicon glyphicon-refresh" aria-hidden="true"
                          style="cursor:pointer;margin-top: 4px;float: right;"
                          id="refreshCaptchaId"></span>
                </div>
                <div class="panel-body">
                    <div id="captcha"
                         style="position: relative; width: 280px; margin: 0px auto;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<img id="mainImageSrc" src="" style="display: none;">
<img id="moveImageSrc" src="" style="display: none;">
<input type="hidden" id="captcha-sign">
<input type="hidden" id="moveLength">
<input type="hidden" id="canvasLength">
<input type="hidden" id="isNeedCaptcha" th:value="${isNeedCaptcha}">
<input type="hidden" id="aesKey" th:value="${aesKey}">
<input type="hidden" id="token" th:value="${token}">
<input type="hidden" id="offset" th:value="${offset}">
<script th:src="@{/static/js/lib/login/login.js}"></script>
<script th:src="@{/static/js/lib/captcha/slidercaptcha.js}"></script>
</body>
</html>